.container {
  columns: 3;
  column-gap: 10px;
}

.container .box {
  width: 100%;
  /* margin-bottom: 20px; */
  break-inside: avoid;
}

/* .container .box img {
  max-width: 100%;
  border-radius: 15px;
} */

@media (max-width: 1600px) {
  .container {
    width: calc(100% - 8px);
  }
}

@media (max-width: 1200px) {
  .container {
    columns: 3;
  }
}
@media (max-width: 760px) {
  .container {
    columns: 2;
  }
}

@media (max-width: 480px) {
  .container {
    columns: 1;
  }
}
